import {
  Home,
  BarChart3,
  User,
  Settings,
  Users,
  Calendar,
  Mail,
  FileText,
  PieChart,
  TrendingUp,
  Activity,
  Database,
  Shield,
  Briefcase,
  MessageSquare,
  Bell,
  CreditCard,
  HelpCircle,
  Grid3X3,
  Layout,
} from 'lucide-react';

export interface MenuItemProps {
  title: string;
  icon: any;
  href?: string;
  child?: MenuItemProps[];
  onClick?: () => void;
}

export const menusConfig = {
  mainNav: [
    {
      title: "Dashboard",
      icon: Home,
      child: [
        {
          title: "Analytics",
          href: "/dashboard",
          icon: BarChart3,
        },
        {
          title: "Overview",
          href: "/overview",
          icon: PieChart,
        },
        {
          title: "Reports",
          href: "/reports",
          icon: FileText,
        },
      ],
    },
    {
      title: "Applications",
      icon: Grid3X3,
      child: [
        {
          title: "Calendar",
          icon: Calendar,
          href: "/calendar",
        },
        {
          title: "Email",
          icon: Mail,
          href: "/email",
        },
        {
          title: "Messages",
          icon: MessageSquare,
          href: "/messages",
        },
        {
          title: "Tasks",
          icon: FileText,
          href: "/tasks",
        },
      ],
    },
    {
      title: "Analytics",
      icon: TrendingUp,
      child: [
        {
          title: "Performance",
          href: "/analytics/performance",
          icon: Activity,
        },
        {
          title: "Traffic",
          href: "/analytics/traffic",
          icon: BarChart3,
        },
        {
          title: "Revenue",
          href: "/analytics/revenue",
          icon: CreditCard,
        },
      ],
    },
    {
      title: "Management",
      icon: Database,
      child: [
        {
          title: "Users",
          href: "/users",
          icon: Users,
        },
        {
          title: "Projects",
          href: "/projects",
          icon: Briefcase,
        },
        {
          title: "Security",
          href: "/security",
          icon: Shield,
        },
      ],
    },
  ],
  sidebarNav: {
    modern: [
      {
        title: "Dashboard",
        icon: Home,
        child: [
          {
            title: "Analytics",
            href: "/dashboard",
            icon: BarChart3,
          },
          {
            title: "Overview",
            href: "/overview",
            icon: PieChart,
          },
          {
            title: "Reports",
            href: "/reports",
            icon: FileText,
          },
        ],
      },
      {
        title: "Analytics",
        icon: TrendingUp,
        child: [
          {
            title: "Performance",
            href: "/analytics",
            icon: Activity,
          },
          {
            title: "Traffic",
            href: "/traffic",
            icon: BarChart3,
          },
          {
            title: "Revenue",
            href: "/revenue",
            icon: CreditCard,
          },
        ],
      },
      {
        title: "Applications",
        icon: Layout,
        child: [
          {
            title: "Calendar",
            icon: Calendar,
            href: "/calendar",
          },
          {
            title: "Email",
            icon: Mail,
            href: "/email",
          },
          {
            title: "Messages",
            icon: MessageSquare,
            href: "/messages",
          },
          {
            title: "Tasks",
            icon: FileText,
            href: "/tasks",
          },
        ],
      },
      {
        title: "Management",
        icon: Database,
        child: [
          {
            title: "Users",
            href: "/users",
            icon: Users,
          },
          {
            title: "Projects",
            href: "/projects",
            icon: Briefcase,
          },
          {
            title: "Security",
            href: "/security",
            icon: Shield,
          },
        ],
      },
      {
        title: "Profile",
        icon: User,
        href: "/profile",
      },
      {
        title: "Settings",
        icon: Settings,
        href: "/settings",
      },
    ],
    classic: [
      {
        isHeader: true,
        title: "Main Menu",
      },
      {
        title: "Dashboard",
        icon: Home,
        href: "/dashboard",
      },
      {
        title: "Analytics",
        icon: BarChart3,
        href: "/analytics",
      },
      {
        isHeader: true,
        title: "Applications",
      },
      {
        title: "Calendar",
        icon: Calendar,
        href: "/calendar",
      },
      {
        title: "Email",
        icon: Mail,
        href: "/email",
      },
      {
        title: "Messages",
        icon: MessageSquare,
        href: "/messages",
      },
      {
        isHeader: true,
        title: "Management",
      },
      {
        title: "Users",
        href: "/users",
        icon: Users,
      },
      {
        title: "Projects",
        href: "/projects",
        icon: Briefcase,
      },
      {
        title: "Profile",
        icon: User,
        href: "/profile",
      },
      {
        title: "Settings",
        icon: Settings,
        href: "/settings",
      },
    ],
  },
};

export type ModernNavType = (typeof menusConfig.sidebarNav.modern)[number];
export type ClassicNavType = (typeof menusConfig.sidebarNav.classic)[number]; 